<template>
  <select class="select-license" v-model="select_license" @change="$emit('change', $event.target.value)">
    <slot name="lincenses" v-for="(license) in licenses" 
    :license="license" ></slot>
  </select>
  
</template>

<script>
export default {
  name: "selectLicense",
  model:{
    prop:'select_license',
    event:'change'
  },
  props:{
    licenses:{
      type:Array,
      default(){return[]}
    },
    select_license:{

    }
  },
  data() {
    return {
      
    }
  },
  mounted() {
  },
};
</script>

<style scoped>
select {
  height: 40px;
  border-radius: 0;
  padding: 0 14px;
  color: #f4f4f4;
  -webkit-appearance: none;
  /* text-align: center; */
  /* text-align-last: center; */
  display: block;
  background: #484848;
  outline: none;
  width: 100%;
}

select:hover {
  background: #444;
}
</style>
